www.gusucode.com > 印刷装修类企业网站源码 织梦dedecms装修类模板(demo207)源码程序 > 印刷装修类企业网站源码 织梦dedecms装修类模板(demo207)源码程序/www3/css/yz-common.960aa70f.css
/* AB模版网 做最好的织梦整站模板下载网站 */ /* 网址:Www.AdminBuy.Cn */ /* 图标大全:Sc.AdminBuy.Cn 专业建站素材网站 */ /* QQ:9490489 */ html { overflow-y: scroll; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { padding: 0; margin: 0 } body { font: 14px/1.5 "Microsoft YaHei", Helvetica, Tahoma, sans-serif; color: #999 } button, h1, h2, h3, h4, input, select, textarea { font-size: 100% } h1, h2, h3, h4 { font-family: "Microsoft YaHei", Helvetica, Tahoma, sans-serif; font-weight: 300 } small { font-size: baseFontSize } button, select, textarea { font-family: inherit } textarea { resize: vertical } li { list-style: none } img { vertical-align: middle } strong { font-weight: 300 } address, cite, dfn, em, i, var { font-style: normal } a { background: 0 0; text-decoration: none; color: #aaa } a:active { outline: 0 } a:focus { outline: 0; background-color: transparent } table { border-collapse: 0; border-spacing: 0; word-break: break-all } sup { vertical-align: text-top } sub { vertical-align: text-bottom } legend { color: #000 } .dialog-wrap .btn-check-code, .dialog-wrap .btn-get-code, .dialog-wrap .btn-get-order, .dialog-wrap .dialog-draw, .dialog-wrap .step-list i, .yz-footer-bd .auth-list span, .yz-go-top { display: inline-block; *display:inline; *zoom:1 } .fn-center-block, .yz-footer-wrap, .yz-header-wrap { margin-left: auto; margin-right: auto } .dialog-wrap .dialog-header h3, .dialog-wrap .step-list li, .fn-l, .yz-footer-helper .helper-item, .yz-footer-l, .yz-footer-r, .yz-header-group h1, .yz-header-group h2, .yz-header-header-l, .yz-header-nav li { float: left; display: inline } .dialog-wrap .hd-close-a, .fn-r, .yz-header-header-r, .yz-header-nav { float: right; display: inline } .dialog-wrap .dialog-header, .dialog-wrap .step-list, .fn-clearfix, .yz-footer-helper { *zoom:1 } .dialog-wrap .dialog-header:after, .dialog-wrap .dialog-header:before, .dialog-wrap .step-list:after, .dialog-wrap .step-list:before, .fn-clearfix:after, .fn-clearfix:before, .yz-footer-helper:after, .yz-footer-helper:before { content: ""; display: table } .dialog-wrap .dialog-header:after, .dialog-wrap .step-list:after, .fn-clearfix:after, .yz-footer-helper:after { clear: both } .yz-footer-l h4, .yz-header-group h1, .yz-header-group h2 { overflow: hidden } .yz-auth-1, .yz-auth-2, .yz-footer-bd .yz-auth-1, .yz-footer-bd .yz-auth-2, .yz-footer-l .yz-logo-hotline, .yz-ft-logo-hotline, .yz-ft-right-shadow, .yz-ft-top-shadow, .yz-go-top, .yz-header-group .yz-logo, .yz-header-group .yz-slogan, .yz-logo, .yz-logo-hotline, .yz-slogan, .yz-sprite { background-image: url(../images/yz-s9f771771f7.f3493d87.png); background-repeat: no-repeat } .yz-auth-1 { background-position: -130px -350px; height: 40px; width: 108px } .yz-auth-2 { background-position: -22px -350px; height: 40px; width: 108px } .yz-go-top { background-position: -1px -350px; height: 27px; width: 21px } .yz-logo-hotline { background-position: 0 -290px; height: 60px; width: 436px } .yz-logo { background-position: -238px -350px; height: 52px; width: 184px } .yz-slogan { background-position: -25px 0; height: 90px; width: 173px } .yz-ft-logo-hotline { background-position: 0 -230px; height: 60px; width: 436px } .yz-ft-right-shadow { background-position: 0 0; height: 230px; width: 25px } .yz-ft-top-shadow { background-position: 0 -350px; height: 20px; width: 1px } .yz-header { height: 90px; width: 100%; -webkit-transition: top, .7s ease-in-out; transition: top, .7s ease-in-out; overflow: hidden; background: #fff; top: -90px; left: 0; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); box-shadow: 0 0 4px rgba(0,0,0,.3) } .yz-header-fix { position: fixed; top: 0; _position: absolute; _top:expression(eval( document.documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 )); z-index: 20 } .yz-header-wrap { width: 1120px } .yz-header-group .yz-logo { background-position: -238px -350px; height: 52px; width: 184px } .yz-header-group .yz-slogan { background-position: -25px 0; height: 90px; width: 173px } .yz-header-group h1 { margin: 19px 20px 0 0 } .yz-header-nav { overflow: hidden } .yz-header-nav li { margin: 0 0 0 -1px; height: 90px; width: 130px; line-height: 90px; text-align: center; border-left: 1px solid #dedede } .yz-header-nav a { color: #666; -webkit-transition: color .3s ease-out; transition: color .3s ease-out } .yz-header-nav a.selected, .yz-header-nav a:hover { padding: 0 0 4px; color: #82ba16; border-bottom: 3px solid #82ba16 } .yz-footer { margin: 70px 0 0 } .yz-footer-hd { background: url(../images/ft-top-shadow.56f53af5.png) repeat-x #f7f7f7 } .yz-footer-wrap { width: 1120px; height: 230px } .yz-footer-l { width: 522px; height: 230px; background: url(../images/ft-right-shadow.c39ea3a8.png) no-repeat 94% 0 } .yz-footer-l .yz-logo-hotline { background-position: 0 -290px; height: 60px; width: 436px } .yz-footer-l h4 { margin: 80px 0 0 } .yz-footer-r { width: 598px } .yz-footer-helper { margin: 40px 0 0 } .yz-footer-helper .helper-item { width: 140px } .yz-footer-helper h4 { margin: 0 0 10px; font-size: 18px; color: #333 } .yz-footer-helper a:hover { text-decoration: underline; color: #ed713b } .yz-footer-bd { padding: 20px 0 40px; color: #999 } .yz-footer-bd p { margin: 0 0 8px; font-size: 12px; text-align: center } .yz-footer-bd .yz-auth-1 { background-position: -130px -350px; height: 40px; width: 108px } .yz-footer-bd .yz-auth-2 { background-position: -22px -350px; height: 40px; width: 108px } .yz-footer-bd a { color: #999 } .yz-footer-bd .auth-list span { margin: 0 10px } .go-to-wrap { _position: absolute; position: fixed; right: 30px; bottom: 80px; _top:expression(eval( document.documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 )); _left:expression(eval( document.documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 )); width: 46px; height: 46px; line-height: 46px; background: #f1f1f1; text-align: center } .go-to-wrap span { display: none } .go-to-wrap:hover { background: #ed713b } .go-to-wrap:hover i { display: none } .go-to-wrap:hover span { display: block; margin: 10px 0 0 10px; color: #fff; width: 24px; line-height: 1.2; font-size: 12px } .yz-go-top { vertical-align: middle } * html { background-image: url(../other/about:blank); background-attachment: fixed } .yz-dialog-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; _height:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight)); color: #fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4D000000', endColorstr='#4D000000'); background-color: rgba(0,0,0,.3); opacity: 1; z-index: 99 } .yz-dialog-wrap { position: fixed; top: 50%; left: 50%; _position: absolute; _top:expression(eval(document.documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2)); _left:expression(eval(document.documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2)); z-index: 100 } .dialog-draw, .dialog-servie-1, .dialog-servie-2, .dialog-servie-3, .dialog-sprite, .dialog-tcc_03 { background-image: url(../images/dialog-s812dab873f.92e824e2.png); background-repeat: no-repeat } .dialog-draw { background-position: 0 0; height: 20px; width: 24px } .dialog-servie-1 { background-position: 0 -45px; height: 32px; width: 36px } .dialog-servie-2 { background-position: 0 -109px; height: 32px; width: 36px } .dialog-servie-3 { background-position: 0 -77px; height: 32px; width: 36px } .dialog-tcc_03 { background-position: 0 -20px; height: 25px; width: 27px } .dialog-wrap .btn-check-code, .dialog-wrap .btn-get-code, .dialog-wrap .btn-get-order { width: 120px; height: 42px; text-align: center; line-height: 42px; color: #fff } .dialog-wrap .btn-check-code:hover, .dialog-wrap .btn-get-code:hover, .dialog-wrap .btn-get-order:hover { background-color: #ff9119 } .gb { cursor: pointer; position: absolute; top: 15px; right: 16px; width: 24px; height: 24px; z-index: 1000; background: url(../images/dialog-s812dab873f.92e824e2.png) no-repeat 0 -20px } .dialog-wrap { width: 500px; background: #fff; color: #333; font-size: 14px; opacity: 1 } .dialog-wrap b { color: #8cb63d; font-size: 16px } .dialog-wrap p { padding-bottom: 10px } .dialog-wrap .hd-close-a { font: 14px/24px arial; color: #b8b8b8 } .dialog-wrap .dialog-header h3 { padding: 0 0 0 10px; border-left: 2px solid #80b025; font: 14px/24px "Microsoft YaHei"; color: #999 } .dialog-wrap .input-top b { margin: 0 3px; color: #8cb63d } .dialog-wrap .input-field { margin: 4px 0 12px } .dialog-wrap .input-field input { padding: 0 0 0 10px; width: 188px; height: 40px; border: 1px solid #ddd } .dialog-wrap .btn-get-code, .dialog-wrap .btn-get-order { margin: 0 10px; background-color: #fe8500 } .dialog-wrap .btn-disabled { cursor: default } .dialog-wrap .btn-check-code { margin: 0 10px; background-color: #fe8500 } .dialog-wrap .btn-disabled { margin: 0 10px; background-color: #ddd } .dialog-wrap .btn-disabled:hover { background-color: #ddd } .dialog-wrap .dialog-draw { margin: 0 10px 0 0; vertical-align: middle } .dialog-wrap .dialog-footer { margin: 40px 0 0; text-align: center; color: #999 } .dialog-wrap .dialog-footer p { color: #999 } .dialog-wrap .content { padding: 20px } .dialog-wrap .input-wrap { padding: 0 0 0 55px } .dialog-wrap .qcode { height: 122px; text-align: center } .dialog-wrap .top-hint { margin: 20px 0; text-align: center } .dialog-wrap .tit { margin: 20px 0; font-size: 20px; text-align: center } .dialog-wrap .notice-box { padding: 30px 0; width: 100%; min-height: 44px; color: #999; border: 1px dashed #ddd; text-align: center } .dialog-wrap .notice-box b { color: #8cb63d } .dialog-wrap .succeed-tit { font-size: 14px; color: #666; text-align: center } .dialog-wrap .succeed-msg { font-size: 12px; color: #aaa; text-align: center } .dialog-wrap .reminder { margin: 4px 0 0; font-size: 12px; color: #aaa } .dialog-wrap .step-list { margin: 20px auto; width: 390px } .dialog-wrap .step-list span { display: block; font-size: 12px } .dialog-wrap .step-list li { width: 90px; margin: 0 20px; font-size: 12px; color: #999; text-align: center } .dialog-wrap .msg { margin: 5px 0 0; color: #fe8500; font-size: 12px } .ui-datepicker { width: 225px } .fn-center-block { width: 1120px } .c-orange, .c-red { color: #ff850c!important } .c-underline { text-decoration: underline }